<template>
    <view class='content'>
        <view class="list">
            <view class="tishi">...</view>
           <view class="list-call">
                <image class="img" src="/static/shilu-login/1.png"></image>
                <input class="sl-input" v-model="phone" type="number" maxlength="11" placeholder="请输入手机号"></input>
            </view>
            <view class="list-call">
                <image class="img" src="/static/shilu-login/2.png"></image>
                <input class="sl-input" v-model="password" type="text" maxlength="32" placeholder="请输入密码" :password="!showPassword"></input>
                <image class="img" :src="showPassword?'/static/shilu-login/op.png':'/static/shilu-login/cl.png'" @tap="display"></image>
            </view>
            <view class='list-call'>
                <image class="img" src="/static/shilu-login/3.png"></image>
                <input class="sl-input" v-model="code" type="number" maxlength="4" placeholder="验证码"></input>
                <view class="yzm" :class="{yam:second>0}" @tap="getcode">{{ yanzhengma }}</view>
            </view>
        </view>
        <view class="button-login" hover-class="button-hover" @tap="bindLogin()">
            <text>修改密码</text>
        </view>
    </view>
</template>
<script>
var _this, jsx;
export default{
    onLoad(){
        _this = this;
    },
    onUnload(){
        clearInterval(js)
        this.second = 0;
    },
    data(){
        return{
            phone:'',
            paswword:'',
            code:'',
            invitation:'',
            agreement:true,
            showPssword:false,
            second:0
        }
    },
    computed:{
        yanzhengma(){
            if(this.second == 0){
                return '获取验证码'
            }else{
                if(this.second < 10){
                    return '重新获取1' + this.second;
                }else{
                    return '重新获取2' + this.second;
                }
            }
        }
    },
    onUnload(){
        this.clear()
    },
    methods:{
        clear(){
            clearInterval(js)
            js = null
            this.second = 0
        },
        display(){
            this.showPassword = !this,showPassword
        },
        agreementSuccess(){
            this.agreement = !this.agreement
        },
        getcode(){
            if(this.phone.length != 11){
                uni.showToast({
                    icon:'none',
                    title:'手机号不正确'
                });
                return;
            }
            if(this.second > 0){
                return;
            }
        },
        bindLogin(){
            if(this.phone.length != 11){
                uni.showToast({
                    icon:'none',
                    title:'手机号不正确'
                })
                return;
            }
            if(this.password.length < 6){
                uni.showToast({
                    icon:'none',
                    title:'密码不正确'
                })
                return;
            }
             if(this.code.length != 4){
                uni.showToast({
                    icon:'none',
                    title:'验证码不正确'
                })
                return;
            }
            uni.request({
                url:'https//***/forget.html',
                data:{
                    phone:this.phone,
                    password:this.password,
                    code:this.code
                },
                method:'POST',
                dataType:'json',
                success:(res)=>{
                    if(res.data.cpde != 200){
                        uni.showToast({
                            title:res.data.msg,
                            icon:'none'
                        })
                    }else{
                        uni.showToast({
                            title:res.data.msg
                        })
                        setTimeout(()=>{
                            uni.navigateBack();
                        }, 1500)
                    }
                }
            })
        }
    }
}
</script>